<%@include file="/WEB-INF/jsp/common/taglibs.jsp"%>

<s:layout-render name="/WEB-INF/jsp/common/layout_main.jsp"
                 title="Welcome Screeen">
    <s:layout-component name="body">
        <s:messages/>
        <script type="text/javascript">

            jQuery(document).ready(function() {
                jQuery('#mycarousel').jcarousel({
                    wrap: 'circular'
                });
            });

        </script>
        <div id="divleft"> 
            <div id="divwelcome">
                <span>&nbsp;Welcome</span> <br/><br/>
                <img alt="" align="left" border="0" src="images/tobab.png" width="90px" height="100px" style="margin-left:10px; margin-right:10px;"><br/><br/>
                <span>Torab</span><br/>
                <span>Torabi</span><br/>
            </div>
            <br/><br/>
            <!-- My Group List-->
            <div class="divborder1" style="width:280px;" align="center">
                <div class="boxTitle1"><div class="boxTitle2">My Group List</div></div>
                <div class="boxMiddle"><div style="margin-top:8px; margin-left:10px;">List of all my groups and Rol</div></div>

                <div class="boxtag" onmouseout="style.backgroundColor='white'" onmouseover="style.backgroundColor='#84C1DF'">
                    <div><img class="boxtagImg"   alt="" align="left" border="0" src="images/group1.png"></div>
                    <div class="boxtagTitle" align="left"> DSE Victoria </div>
                    <div class="boxtagText">Administrator</div>
                </div>

                <div class="boxtag" onmouseout="style.backgroundColor='white'" onmouseover="style.backgroundColor='#84C1DF'">
                    <div><img class="boxtagImg"   alt="" align="left" border="0" src="images/group1.png"></div>
                    <div class="boxtagTitle" align="left"> DSE Victoria </div>
                    <div class="boxtagText">Administrator</div>
                </div>

                <div class="boxtag" onmouseout="style.backgroundColor='white'" onmouseover="style.backgroundColor='#84C1DF'">
                    <div><img class="boxtagImg"   alt="" align="left" border="0" src="images/group1.png"></div>
                    <div class="boxtagTitle" align="left"> DSE Victoria </div>
                    <div class="boxtagText">Administrator</div>
                </div>


                <div class="boxfooter" style="height:10px;">
                </div>
            </div>
            <!-- My Group List-->
            <br/><br/><br/>
            <div align="center"><img alt="" border="0" src="images/logo.png"  width="120px" height="150px"></div>
            <br/><br/><br/>
        </div>
        <div id="divright" style="margin-left: 0px;">
            <!-- Search for a Group -->
            <br/><br/>
            <div class="divborder1" style="width:650px;">
                <div class="boxTitle1"><div class="boxTitle2">Search for a Group</div></div>
                <div class="boxMiddle" style="height:60px;text-align:center;"><div style="margin-top:8px; margin-left:25px;"><input id="divsearch" type="text" name="search" value="Search">  <input id="btnSearch" type="button" value="Search"></div>
                    <div id="searchalf">A B C D E F G H I J K L M N O P Q R S T U V W XY Z</div>
                </div>

                <div class="boxtag">
                    <div style=""><img class="boxtagImg" alt="" align="left" border="0" src="images/group1.png"></div>
                    <div class="boxtagTitle" align="left"> DSE Victoria </div>
                    <div class="boxtagText">ads asd as asd asd asd asd asd asdasd ads asd as d asd dasd</div>
                    <div style="float:right; position:relative; margin-right:35px;"><input class="btnSearch" type="button" value="Join Group"></div>
                </div>

                <div class="boxtag">
                    <div style=""><img class="boxtagImg" alt="" align="left" border="0" src="images/group1.png"></div>
                    <div class="boxtagTitle" align="left"> DSE Victoria </div>
                    <div class="boxtagText">ads asd as asd asd asd asd asd asdasd ads asd as d asd dasd</div>
                    <div style="float:right; position:relative; margin-right:35px;"><input class="btnSearch" type="button" value="Join Group"></div>
                </div>

                <div class="boxtag">
                    <div style=""><img class="boxtagImg" alt="" align="left" border="0" src="images/group1.png"></div>
                    <div class="boxtagTitle" align="left"> DSE Victoria </div>
                    <div class="boxtagText">ads asd as asd asd asd asd asd asdasd ads asd as d asd dasd</div>
                    <div style="float:right; position:relative; margin-right:35px;"><input class="btnSearch" type="button" value="Join Group"></div>
                </div>

                <div class="boxfooter" style="height:40px;">
                    <div align="left" class="buttonCreate">
                        <s:link  beanclass="spatialmarketplace.cem.action.CreateGroupFormActionBean" style="">
                            Create a New Group
                        </s:link>
                    </div>
                </div>


            </div>
            <!-- Search for a Group -->
            <br/><br/>
            <div class="linediv" style="border:1px solid #999; width: 740px;"></div>
            <br/><br/>
            <div id="addwelcome">
            <%@ include file="advertising.jsp" %>
            </div>

        </div>
    </s:layout-component>
</s:layout-render>